/*
 * 可复用的公有布局 - 公用的css
 */

/**
 * 登录注册页公共样式
 */
.app-login,
.app-register {
	.loginLink {
		text-align: right;
		padding-right: 30px;
		padding-top: 20px;
	}
	h2 {
		color: white;
		margin: 30px 0 10px;
		text-align: center;
		font-size: 22px;
	}
	.mesg {
		font-size: 14px;
		color: #ccc;
		text-align: center;
	}

	.input-box {
		padding: 12px 32px;
		input {
			padding: 0 22px;
			background-color: rgba(255, 255, 255, 0.5);
			font-weight: bold;
			color: #222;
			font-size: 14px;
			&::placeholder {
				color: #efefef;
				font-weight: normal;
			}
		}

		input,
		button {
			width: 100%;
			line-height: 43px;
			border-radius: 22px;
		}
		.captchaImg {
			width: 120px;
			height: 43px;
			margin: 0 0 0 14px;
			border-radius: 2px;
			background-color: pink;
		}
		button {
			background-color: rgba(0, 189, 255, 0.6);
			color: #eee;
			margin-top: 15px;
		}
		&.text-errMsg {
			text-align: center;
			padding: 0;
		}
	}

	.foot-text {
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: 80px;
		font-size: 16px;
	}
}

/*
 页脚部分
 */
.foot {
	text-align: center;
	height: 65px;
	align-items: center;
	box-shadow: 0px 0px 12px rgba(25, 25, 25, 0.3);
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: white;
	color: #666;
	span:nth-child(1) {
		font-size: 26px;
		margin-bottom: 2px;
	}
	a {
		color: #444;
	}
	.active > a {
		color: #00a7f2;
	}
}

// 圈子页面头部公共样式
/*
.q-head {
	padding: 30px 0 0;
	.top-nav {
		justify-content: space-between;
		margin-right: 20px;
		border-bottom: 1px solid #f2f2f2;
		a {
			padding: 0 5px 10px;
			&.active {
				border-bottom: 2px solid #aad9f7;
				color: #4294ff;
				font-weight: bold;
			}
		}
	}
	.add-btn {
		background-color: #4294ff;
		border-radius: 15px;
		width: 50px;
		height: 25px;
	}
}
*/
